*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
#header{
    width: 10rem;
    height: 50px;
    background-color: #1D6DFF;
    color: white;
    overflow: hidden;
    position: relative;
    .xz{
        font: .48rem/1.3333rem "";
        position: absolute;
        right:.5333rem;
        top: 0;
    }
    .fh{
        font: .48rem/1.3333rem "";
        position: absolute;
        left: .5333rem;
    }
    .bt{
        font: .5333rem/1.3333rem "";
        font-weight: bold;
        width: 4.5333rem;
        text-align: center;
        margin: 0 auto;
    }
}
#main{
    width: 10rem;
        .xqmod{
            overflow: hidden;
            h4{
                font: .5867rem/.64rem "";
                font-weight: bold;
                text-align: center;
                margin: .2667rem 0;
            }
            .product{
                font: .4267rem/.48rem "";
                color: #ccc;
                margin-bottom: .2667rem;
                padding: 0 .5333rem;
                span.right{
                    margin-left: .5333rem;
                }
            }
            .text{
                overflow: hidden;
                width: 8.9333rem;
                padding: 0 .5333rem;
                p{
                    font: .5333rem/.64rem "";
                    margin-bottom: .2667rem;
                }
                img{
                    height: 5.3333rem;
                    width: 5.3333rem;
                    display: block;
                    margin: 0 auto;
                }
            }
        }
        .yhmod{
            #disstorck{
                li{
                    margin: 0 auto;
                    background-color: #F4F4F4;
                    height: 1.2rem;
                    width: 4.8rem;
                    border: #ccc 1px solid;
                    a{
                        width: 4.8rem;
                        font: .48rem/1.2267rem "";
                        text-decoration: none;
                       span{
                           display: block;
                           text-align: center;
                           strong{
                               color: red;
                           }
                       } 
                    }
                }
            }
        }
        .gmmod{
            width: 10rem;
            overflow: hidden;
            a{
                display: block;
                text-align: center;
                color: white;
                background-color: #1D6DFF;
                text-decoration: none;
                height: .9067rem;
                width: 8rem;
                font: .48rem/.9067rem "";
                border-radius: .2667rem;
                margin: .5333rem auto;
            }
            img{
                display: block;
                height: 4rem;
                width: 9.4667rem;
                margin: 0 auto;//?
            }
        }
        .plmod{
            .tit{
                display: none;
            }
            .reply{
                .form{
                    textarea{
                        height: 2.6667rem;
                        width: 9.3333rem;
                        display: block;
                        box-sizing: border-box;
                        resize: none;
                        border: 1px #CCCCCC solid;
                        font: .48rem/.5867rem "";
                        padding: .2667rem .5333rem;
                        margin: 0 auto;
                    }
                }
                .ctrl{
                   .tjdp{
                       height: 1.4667rem;
                       width: 3.2rem;
                       font: .3733rem/1.4933rem "";
                       color: #fff;
                       background-color: #1D6DFF;
                       border: none;
                       display: block;
                       margin: 0 auto;
                   } 
                }
            }
        }
    #more{
        height: 1.6rem;
        background-color: #F4F4F4;
        p{
            height: .8rem;
            border: 1px solid #ccc;
            border-radius: .1333rem;
            margin: .2667rem .2667rem 0 .2667rem;
            text-align: center;
            font: .32rem/.8rem "";
            color: #666;
        }
    }
}
#foot{
    .title{
        color: white;
        background-color: #1D6DFF;
        width: 10rem;
        height: .9333rem;
        font: .5rem/.9333rem "";
        font-weight: bold;
        padding-left: .2667rem;
    }
    ul{
        width: 10rem;
        display: flex;
        margin: 15px 0;
        li{
            border-top: 1px solid #666;
            border-bottom: 1px solid #666;
            flex: 1;
            height: .9067rem;
            text-align: center;
            color: #666;
            font: .3733rem/.9067rem "";
        }
        .li1{
            border-right: 1px solid #666;
        }
        .li3{
            border-left: 1px solid #666;
        }
    }
    .p1{
        height: 1.0133rem;
        width: 10rem;
        text-align: center;
        font: .3733rem/.5067rem "";
        color: #666;
    }
}
.title{
    position: relative;
}
#x{
    position: absolute;
    right: .5333rem;
}